/**
 * init
 */
$(function() {
	// $('input[type="checkbox"]').iCheck({checkboxClass:
	// 'icheckbox_square-green'});
	
	// 查询
	$('#btnQuery').on('click', function() {
		sys.reloadTable('shareProductTable');
		//重载图表数据
		queryDailyData();
	});

	// 清空
	$('#btnClear').on('click', function() {
		$("#shareProductDetailForm input").val("");
		sys.reloadTable('shareProductTable');
	});
	
	// 初始化时间范围
	sys.daterangepicker({
		id : 'partTime',
		maxDate : '2199-12-31',
		type : 'date' 
	});
	var startTime = $("#startTime").val();
	var endTime = $("#endTime").val();
	$('#partTime').data('daterangepicker').setStartDate(startTime);
	$('#partTime').data('daterangepicker').setEndDate(endTime);
	//初始化
	initProTable();
	//填充图表数据
	queryDailyData();
});

/**
 * 初始化列表
 */
function initProTable() {
	// 定义列
	var columns = [
			{
				field : 'modifyTimeStr',
				title : '日期',
				valign : 'middle',
				width : '700px',
				align : 'left'
			},
			{
				field : 'shareQuantity',
				title : "商品分享次数",
				valign : 'middle',
				align : 'center'
			},
			{
				field : 'pvViewQuantity',
				title : "PV（分享）",
				align : 'center',
				valign : 'middle'
			},
			{
				field : 'registerQuantity',
				title : "新增用户",
				valign : 'middle',
				align : 'center'
			},
			{
				field : 'shareOrderNum',
				title : "销售数量（分享）",
				valign : 'middle',
				align : 'center'
			},
			{
				field : 'shareTotalMoney',
				title : "销售额（分享）",
				valign : 'middle',
				align : 'center'
			}
		];

	// 定义查询回调函数（查询参数在此设置）
	var queryParams = function(params) {
		var productId = $("#productId").val();
		var partTime = $("#partTime").val();
		return {
			rows : params.limit, // 页面大小
			page : params.pageNumber, // 页码
			productId : productId,
			partTime : partTime
		};
	};

	var url = rootPath + "/share/listDetailPage"; // 请求json数据的服务器地址
	sys.initTable('shareProductTable', {
		url : url,
		queryParams : queryParams,
		columns : columns,
		striped : true,
		clickToSelect : false,
		onLoadSuccess : function(data) {
        	$("#diffDays").html(data.diffDays+"天");+
        	$("#title").html("<i class='fa fa-reorder fa-fw'></i>"+data.startTime+"至 "+data.startTime+"明细数据<small></small>");
        	$("#salesMoney").html(data.dalyStatics.shareTotalMoney);
        	$("#salesNum").html(data.dalyStatics.shareOrderNum);
        	$("#shareNum").html(data.dalyStatics.shareQuantity);
        	$("#pvNum").html(data.dalyStatics.pvViewQuantity);
        	$("#registerNum").html(data.dalyStatics.registerQuantity);
		}
	});
}

/**
 * 查询图表数据
 * @returns
 */
function queryDailyData() {
	var productId = $("#productId").val();
	var partTime = $("#partTime").val();
	//组装参数
	var params = {
		productId : productId,
		partTime : partTime
	};
	//查询结果并组装图表
	$.ajax({
        type:"post",
        url:rootPath + "/share/queryDailyData",
        data:params,
        datatype: "json",
        success:function(json){
        	var myEcharts = echarts.init(document.getElementById("shareProductLineChart"));
        	var allDate = json.allDateShow;
        	var shareLine = json.shareLine;
        	var pvLine = json.pvLine;
        	var registerLine = json.registerLine;
        	var salesNumLine = json.salesNumLine;
        	var salesMoneyLine = json.salesMoneyLine;
        	option = {
        		    tooltip: {
        		        trigger: 'axis'
        		    },
        			calculable : true,
        			legend : {
        				data : [ '分享', 'PV', '新增用户', '销量', '销售额' ]
        			},
        		    xAxis:  {
        		        type: 'category',
        		        boundaryGap: true,
        		        data: allDate
        		    },
        		    yAxis: [
        		        {
        		        	type: 'value',
        		        	boundaryGap: ['0%', '20%']
        		        },
        		        {
        		        	name: '销售额',
        		        	type: 'value',
        		        	boundaryGap: ['0%', '20%']
        		        },
        		    ],
        		    series: [
        		        {
        		            name:'分享',
        		            type:'line',
        		            yAxisIndex:0,
        		            data:shareLine
        		        },{
        		            name:'PV',
        		            type:'line',
        		            yAxisIndex:0,
        		            data:pvLine
        		        },{
        		            name:'新增用户',
        		            type:'line',
        		            yAxisIndex:0,
        		            data:registerLine
        		        },{
        		            name:'销量',
        		            type:'line',
        		            yAxisIndex:0,
        		            data:salesNumLine
        		        },{
        		            name:'销售额',
        		            type:'line',
        		            yAxisIndex:1,
        		            data:salesMoneyLine
        		        }
        		    ]
        		};
        	myEcharts.setOption(option, true);
        },
        error: function(){
        	sys.showErr("查询失败");
        }
	});
}